<template>
  <!-- 锚点 -->
  <div class="anchor" :id="id">
    <i class="fa fa-anchor" aria-hidden="true"></i>
    <slot></slot>
  </div>
</template>
<script lang="ts">
import { defineComponent, ref } from "vue";
export default defineComponent({
  props: {
    id: {
      type: String,
    },
  },
});
</script>
<style lang="scss" scoped>
.anchor {
  display: flex;
  align-items: center;
  font-size: 1rem;
  font-weight: 700;
  margin: 0.5rem 0;
  .fa {
    font-size: 1.3rem;
    font-weight: 700;
    color: #3eaf7c;
    margin-right: 1rem;
  }
}
</style>
